<template>
  <div class="item_box">
    <div>
			<p class="title_1 mb10">风险信息</p>
			<div class="title_2 mb10 mt10">行政处罚</div>
      <el-table
        v-loading="loading"
        :data="list_0"
      >
        <el-table-column label="处罚编号" align="center" prop="empName" :show-overflow-tooltip="true"/>
        <el-table-column label="违法类型" align="center" prop="empDepartName" :show-overflow-tooltip="true"/>
        <el-table-column label="处罚类别1" align="center" prop="positionname" :show-overflow-tooltip="true"/>
        <el-table-column label="处罚类别2" align="center" prop="officePhone" :show-overflow-tooltip="true"/>
        <el-table-column label="处罚结果" align="center" prop="officePhone" :show-overflow-tooltip="true"/>
        <el-table-column label="处罚机关" align="center" prop="officePhone" :show-overflow-tooltip="true"/>
        <el-table-column label="公示日期/公布日期" align="center" prop="officePhone" :show-overflow-tooltip="true"/>
        <el-table-column label="详情" align="center" prop="officePhone" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
		<div>
			<div class="title_2 mb10 mt10">经营异常</div>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="列入异常名录原因" align="center" prop="linkmanName" :show-overflow-tooltip="true"/>
        <el-table-column label="列入日期" align="center" prop="linkmanMobile" :show-overflow-tooltip="true"/>
        <el-table-column label="移出经营异常名录原因" align="center" prop="linkmanMail" :show-overflow-tooltip="true"/>
        <el-table-column label="移出日期" align="center" prop="linkmanDept" :show-overflow-tooltip="true"/>
				<el-table-column label="详情" align="center" prop="empName" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
		<div>
			<div class="title_2 mb10 mt10">股权出质</div>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="登记编号" align="center" prop="linkmanName" :show-overflow-tooltip="true"/>
        <el-table-column label="出质人名称" align="center" prop="linkmanMobile" :show-overflow-tooltip="true"/>
        <el-table-column label="出质股权数额" align="center" prop="linkmanMail" :show-overflow-tooltip="true"/>
        <el-table-column label="质权人名称" align="center" prop="linkmanDept" :show-overflow-tooltip="true"/>
				<el-table-column label="关联企业" align="center" prop="empName" :show-overflow-tooltip="true"/>
        <el-table-column label="公示日期" align="center" prop="empDepartName" :show-overflow-tooltip="true"/>
        <el-table-column label="状态" align="center" prop="positionname" :show-overflow-tooltip="true"/>
        <el-table-column label="详情" align="center" prop="officePhone" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
		<div>
			<div class="title_2 mb10 mt10">知识产权出质</div>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="名称" align="center" prop="linkmanName" :show-overflow-tooltip="true"/>
        <el-table-column label="种类" align="center" prop="linkmanMobile" :show-overflow-tooltip="true"/>
        <el-table-column label="出质人名称" align="center" prop="linkmanMail" :show-overflow-tooltip="true"/>
        <el-table-column label="质权人名称" align="center" prop="linkmanDept" :show-overflow-tooltip="true"/>
				<el-table-column label="质权登记期限" align="center" prop="empName" :show-overflow-tooltip="true"/>
        <el-table-column label="状态" align="center" prop="empDepartName" :show-overflow-tooltip="true"/>
        <el-table-column label="公示日期" align="center" prop="positionname" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
		<div>
			<div class="title_2 mb10 mt10">动产抵押</div>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="登记机关" align="center" prop="linkmanName" :show-overflow-tooltip="true"/>
        <el-table-column label="被担保债权数额" align="center" prop="linkmanMobile" :show-overflow-tooltip="true"/>
        <el-table-column label="抵押金额" align="center" prop="linkmanMail" :show-overflow-tooltip="true"/>
        <el-table-column label="抵押期限" align="center" prop="linkmanDept" :show-overflow-tooltip="true"/>
				<el-table-column label="抵押权人" align="center" prop="empName" :show-overflow-tooltip="true"/>
        <el-table-column label="抵押物" align="center" prop="empDepartName" :show-overflow-tooltip="true"/>
        <el-table-column label="公示日期" align="center" prop="positionname" :show-overflow-tooltip="true"/>
        <el-table-column label="详情" align="center" prop="officePhone" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
		<div>
			<div class="title_2 mb10 mt10">股权冻结</div>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="执行法院" align="center" prop="linkmanName" :show-overflow-tooltip="true"/>
        <el-table-column label="被执行人" align="center" prop="linkmanMobile" :show-overflow-tooltip="true"/>
        <el-table-column label="股权数额" align="center" prop="linkmanMail" :show-overflow-tooltip="true"/>
        <el-table-column label="股权金额" align="center" prop="linkmanDept" :show-overflow-tooltip="true"/>
				<el-table-column label="冻结详情" align="center" prop="empName" :show-overflow-tooltip="true"/>
        <el-table-column label="状态" align="center" prop="empDepartName" :show-overflow-tooltip="true"/>
        <el-table-column label="详情" align="center" prop="officePhone" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
		<div>
			<div class="title_2 mb10 mt10">抽查检查</div>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="检查实施单位" align="center" prop="linkmanName" :show-overflow-tooltip="true"/>
        <el-table-column label="类型" align="center" prop="linkmanMobile" :show-overflow-tooltip="true"/>
        <el-table-column label="日期" align="center" prop="linkmanMail" :show-overflow-tooltip="true"/>
        <el-table-column label="结果" align="center" prop="linkmanDept" :show-overflow-tooltip="true"/>
				<el-table-column label="最近更新时间" align="center" prop="empName" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
		<div>
			<div class="title_2 mb10 mt10">双随机抽查</div>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="抽查计划编号" align="center" prop="linkmanName" :show-overflow-tooltip="true"/>
        <el-table-column label="抽查计划名称" align="center" prop="linkmanMobile" :show-overflow-tooltip="true"/>
        <el-table-column label="抽查任务编号" align="center" prop="linkmanMail" :show-overflow-tooltip="true"/>
        <el-table-column label="抽查任务名称" align="center" prop="linkmanDept" :show-overflow-tooltip="true"/>
				<el-table-column label="抽查类型" align="center" prop="empName" :show-overflow-tooltip="true"/>
				<el-table-column label="抽查机关" align="center" prop="empName" :show-overflow-tooltip="true"/>
				<el-table-column label="抽查完成日期" align="center" prop="empName" :show-overflow-tooltip="true"/>
				<el-table-column label="详情" align="center" prop="empName" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
		<div>
			<div class="title_2 mb10 mt10">清算组成员信息</div>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="清算组负责人" align="center" prop="linkmanName" :show-overflow-tooltip="true"/>
        <el-table-column label="清算组成员" align="center" prop="linkmanMobile" :show-overflow-tooltip="true"/>
        <el-table-column label="清算类型" align="center" prop="linkmanMail" :show-overflow-tooltip="true"/>
				<el-table-column label="变更时间" align="center" prop="empName" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
		<div>
			<div class="title_2 mb10 mt10">严重违法</div>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="失信企业名单信息" align="center" prop="linkmanName" :show-overflow-tooltip="true"/>
        <el-table-column label="失信被执行人信息" align="center" prop="linkmanMobile" :show-overflow-tooltip="true"/>
        <el-table-column label="重大税收违法案件信息" align="center" prop="linkmanMail" :show-overflow-tooltip="true"/>
        <el-table-column label="记录变更时间" align="center" prop="linkmanDept" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
		<div>
			<div class="title_2 mb10 mt10">注销公告</div>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="登记机关" align="center" prop="linkmanName" :show-overflow-tooltip="true"/>
        <el-table-column label="公告期" align="center" prop="linkmanMobile" :show-overflow-tooltip="true"/>
        <el-table-column label="全体投资人承诺书" align="center" prop="linkmanMail" :show-overflow-tooltip="true"/>
        <el-table-column label="异议信息" align="center" prop="linkmanDept" :show-overflow-tooltip="true"/>
        <el-table-column label="简易注销结果" align="center" prop="linkmanDept" :show-overflow-tooltip="true"/>
        <el-table-column label="记录变更时间" align="center" prop="linkmanDept" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
  </div>
</template>

<script setup>
import { reactive, ref, toRefs, watch } from "vue"

	const props = defineProps({
		activeName: {
			type: String,
		},
	})

  const list_0 = ref([])
  const list_1 = ref([])
  const loading = ref(false)
  const total = ref(0)

  const data = reactive({
    queryParams: {
      pageNum: 1,
      pageSize: 10,
    },
  })

  const { queryParams } = toRefs(data)

  const getList = () => {
    loading.value = true
    setTimeout(() => {
      loading.value = false
    }, 200);
  }
  const handle = (val) => {

  }
  const exportList = () => {
    
  }
  getList()

	watch(() => props.activeName, (val) => {
		getList()
	})
</script>
<style lang="scss" scoped>
</style>
